    .collection{
        width:100%;
        height:600px;
        background-color:rgb(242,243,247) ;
    }
    .dataCollection{
        width:90%;
        margin: auto;
        display: flex;
        height:190px;
        justify-content:space-between;

    }
    .dataCollection>div{
        width:200px;
        height: 150px;
        background-color: white;
        margin-top:15px;
        border-radius: 7px;
        text-align: center;
        padding-top: 10px;
    }
    .dc_name{
        font-size: 15px;
    }
    .dc_num{
        font-size: 24px;
        padding-top:20px;
    }
    .dc_wei{
        font-size: 14px;
    }
    .dc_bottom{
        font-size: 12px;
        margin-top:35px;
    }
    .ad_table{
        width:90%;
        height:400px;
       background-color: white;
        margin:auto;
    }
    .ad_tip{
        font-size: 15px;
        padding-left: 16px;
        line-height: 30px;
        border-bottom: 2px solid rgb(242,243,247) ;
    }
    .ad_time{
        font-size: 12px;
    }


    .row,.col,.panel_word,.panel_icon{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
    .row{ margin-left:-10px; overflow:hidden;}
    .col{ padding-left:10px;}
    .panel{    float: left;
        text-align: center;
        width: 200px;
        margin-left: 65px;
        margin-top:20px;
        min-width: 210px;
        margin-bottom: 10px;
        height: 200px;
        border-radius:5px;
        box-shadow: 1px 1px 5px #ccc;
        background: #fff;}
    .panel:first-child{
        margin-left:55px;
    }
    .panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; }
    .panel_icon{ width:40%;display: inline-block; padding:28px 0; background-color:#54ade8;float:left; text-align: center}
    .panel_icon i{ font-size:3em; color:#fff;}

    .number-main{
        font-size:32px;
        margin:45px 0;
    }
    .panel a:hover .panel_icon i{ display:inline-block; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
    .panel_word{ width:100%; display: inline-block; float:right; margin-top: 22px; }
    .panel_word span{ font-size:25px; display:block; height:30px; line-height:30px; }
    .allNews em{ font-style:normal; font-size:14px;display: block; }
    .panel_box a .allNews cite{ display:none; }
    .panel_box a cite{ font-size:16px; display: block; font-style:normal; }

    .main-footer p{
        font-size:10px;
        display: inline-block;
        margin: 10px 5px;
        color:#ccc;
    }

    .row-header{
        background: #f1f2f7;
        /*width:100%;*/
    }
    /*

    !*å…¬å…±æ ·å¼*!
    .main_body{ min-width:320px; }
    .layui-elem-quote.title{ padding:10px 15px; margin-bottom:0; }
    .layui-tab-more{ position: relative; z-index: 99; background:#fff; }
    .layui-layer-tab .layui-layer-title span.layui-layer-tabnow{ height:42px !important; }
    .layui-layer-tab .layui-layer-title span{ min-width:45px !important; }
    !*æ¨¡æ‹ŸåŠ è½½å±‚å›¾æ ‡æ ·å¼*!
    .layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }

    !*æ ·å¼æ”¹å˜çš„è¿‡æ¸¡*!
    .logo,.top_menu .layui-nav-item[pc],.component,.top_menu .layui-nav-item[mobile],.layui-nav,.layui-layout-admin .layui-main,.site-mobile .layui-side,.layui-layout-admin .layui-side,.site-mobile .site-tree-mobile,.layui-body,.layui-layout-admin .layui-footer,.layui-layout-admin .layui-side,.panel,.panel .panel_icon i{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }


    .logo{ color: #fff; float: left; line-height:60px; font-size:20px; padding:0 25px; text-align: center; margin-right: 15px; }
    .weather{ color:#fff; float:left; margin:15px 0 0 50px;}
    .component{ float: left; width:200px; height:30px; margin-top: 15px; position: relative;}
    .component .layui-input{ height:30px; line-height: 30px; font-size:12px; border:none; transition: all 0.3s; }
    .component .layui-input:focus{ background:#fff; color:#000; }
    .component .layui-form-select dl{ top:33px; background:#fff; }
    .component .layui-form-select .layui-edge,.top_menu .layui-nav-item[mobile]{ display:none; }
    .component .layui-icon{ position: absolute; right:8px; top:8px; color:#000; }

    !*é¡¶éƒ¨å³ä¾§å¯¼èˆª*!
    .top_menu{ position:absolute; right:0; background:none }
    .top_menu.layui-nav .layui-this:after{ width:0px; }
    .top_menu.layui-nav .layui-this{ background-color:transparent; }
    .top_menu.layui-nav .layui-this a{ color:#c2c2c2; }
    .top_menu.layui-nav dd.layui-this a{ color:#333; }
    .top_menu.layui-nav .layui-nav-item a:hover{ color:#fff; }
    .top_menu.layui-nav .layui-nav-child a:hover{ color:#fff; background-color:#5FB878; }
    .top_menu .iconfont{ font-size: 14px !important; }
    .top_menu .layui-nav-bar{ top:60px !important; background-color:rgba(0,0,0,0.7) }

    !*å·¦ä¾§ç”¨æˆ·å¤´åƒ*!
    .layui-layout-admin .layui-side{ left:0; }
    .user-photo{width: 200px; height: 120px; padding-top: 15px; padding-bottom: 5px;}
    .user-photo a.img{ display: block; width: 76px; height: 76px; margin: 0 auto; margin-bottom: 15px;}
    .user-photo a.img img{ display: block; border: none; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border: 4px solid #44576b;}
    .user-photo p{ display: block; width: 100%; height: 25px; color: #ffffff; text-align: center; font-size: 12px; white-space: nowrap;line-height: 25px; overflow: hidden;}
    !*å·¦ä¾§å¯¼èˆªé‡å®šä¹‰*!
    .layui-nav-item a cite{ padding:0 5px; }
    .layui-side-scroll{ height:auto; }
    .layui-nav-tree .layui-nav-child a{ padding-left: 40px; }
    .layui-nav-tree .layui-nav-child a:hover{ background-color:#4E5465; }
    .layui-nav-tree .layui-nav-child dd.layui-this a:hover{ background-color:#009688; }

    !*å³ä¾§body*!
    .layui-body{overflow:hidden;}
    .layui-tab-content{ height:100%; padding:0; }
    .layui-tab-item{ position: absolute; top: 42px; bottom:0; left: 0; right: 0; padding: 0; margin: 0;-webkit-overflow-scrolling: touch;}
    .layui-body{ border-top: 5px solid #1AA094;border-left: 2px solid #1AA094;}
    .marg0{ margin:0; }
    .layui-tab-title .layui-this{ background-color:#1AA094; color:#fff; }
    .layui-tab-title .layui-this:after{ border:none; }
    .layui-tab-title li cite{ font-style: normal; padding-left:5px; }
    .clildFrame.layui-tab-content{ padding-right: 0; }
    .clildFrame.layui-tab-content iframe{ width: 100%; height: 100%; border:none; min-width: 320px; }
    !*main.html*!
    .row,.col,.panel_word,.panel_icon{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
    .row{ margin-left:-10px; overflow:hidden;}
    .col{ padding-left:10px;}
    .panel{float: left; text-align: center; width:16.666%; min-width:210px; margin-bottom: 10px;}
    .panel_box a{display:block; background-color:#f2f2f2; border-radius:5px; overflow:hidden; }
    .panel_icon{ width:40%; display: inline-block; padding:22px 0; background-color:#54ade8;float:left;}
    .panel_icon i{ font-size:3em; color:#fff;}
    .panel a:hover .panel_icon i{ display:inline-block; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
    .panel_word{ width:60%; display: inline-block; float:right; margin-top: 22px; }
    .panel_word span{ font-size:25px; display:block; height:30px; line-height:30px; }
    .allNews em{ font-style:normal; font-size:16px;display: block; }
    .panel_box a .allNews cite{ display:none; }
    .panel_box a cite{ font-size:16px; display: block; font-style:normal; }
    .sysNotice{ width:50%; float: left; }
    .sysNotice .layui-elem-quote{ line-height:26px; position: relative;}
    .sysNotice .layui-table{ margin-top:0; border-left:5px solid #e2e2e2; }
    .sysNotice .title .icon-new1{ position: absolute; top:8px; margin-left: 10px; color:#f00; font-size:25px; }

    !*é”å±*!
    .admin-header-lock{width: 320px; height: 170px; padding: 20px; position: relative; text-align: center;}
    .admin-header-lock-img{width: 60px; height: 60px; margin: 0 auto;}
    .admin-header-lock-img img{width: 60px; height: 60px; border-radius: 100%;}
    .admin-header-lock-name{color: #009688;margin: 8px 0 15px 0;}
    .input_btn{ overflow: hidden; margin-bottom: 10px; }
    .admin-header-lock-input{width: 170px; color: #fff;background-color: #009688; float: left; margin:0 10px 0 40px; border:none;}
    .admin-header-lock-input::-webkit-input-placeholder {color:#fff;}
    .admin-header-lock-input::-moz-placeholder {color:#fff;}
    .admin-header-lock-input::-ms-input-placeholder {color:#fff;}
    .admin-header-lock-input:-moz-placeholder {color:#fff;}
    #unlock{ float: left; }
    #lock-box p{ color:#e60000; }

    !*åº•éƒ¨*!
    .footer{ text-align: center; line-height:44px;border-left: 2px solid #1AA094;}


    !*å“åº”å¼*!
    @media screen and (max-width:1282px){
        .panel{ width:33.3333%; }
    }
    @media screen and (max-width:1050px){
        .layui-nav.top_menu .layui-nav-item a{ padding:0 10px; }
        !*å¤©æ°”ä¿¡æ¯*!
        .weather[pc]{ display: none !important; }
        .sysNotice{ width:100%; }
    }
    @media screen and (max-width: 750px){
        .logo{ padding:0;}
        .top_menu .layui-nav-item[pc],.component,.site-mobile .site-tree-mobile{ display: none !important; }
        .top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
        .top_menu .layui-nav-item[mobile]{ display:inline-block; }
        .layui-nav.top_menu,.layui-nav.top_menu .layui-nav-item a{ padding:0 10px; }
        .layui-layout-admin .layui-main{ margin-right: 0; }

        !*å·¦ä¾§å¯¼èˆª*!
        .layui-layout-admin .layui-side{ left:-260px; }
        .site-mobile .layui-side{ left: 0; z-index:9999; }
        .site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
        .site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}

        !*layui-body*!
        .panel{ width:50%; }

        .layui-body,.layui-layout-admin .layui-footer{ left:0; }
    }
    @media screen and (max-width:432px){
        .top_menu .layui-nav-item.showNotice[pc]{ display:none !important; }
        .panel{ width:100%; }
    }

    */

